import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false


// 引入移动端布局插件 flexible.js
// 设置html 的font-size 为页面宽度/10
import 'amfe-flexible'


// 引入重置样式表 reset.css
import '@/assets/css/reset.css'


//在main.js中,引入less并使用
import less from 'less'
Vue.use(less)


//导入所有组件。 引入vant组件库 移动端的组件库
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);


// 引入路由对象
import router from '@/router'


// 引入vant 提供过的懒加载
// 第一种方式使用懒加载 使用vant 组件库提供的懒加载
// import {Lazyload } from 'vant';
// Vue.use(Lazyload, {
//   lazyComponent:true,
//   loading: require('./assets/loading.gif')
// });

// 第二种方式使用懒加载  使用vue-lazyload插件
// 首先使用  npm install vue-lazyload --save-dev 安装
// 引入 
import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad, {
  loading: require('./assets/loading.gif'),
}) 



// 全局过滤器 处理价格格式转换
// Vue.filter("RMBformat", val => {
//   if(val) {
//     return "$" + val.tofixed(2) + ' 元'
//   }
// })


new Vue({
  router,  //挂载
  render: h => h(App),
}).$mount('#app')
